<script setup lang="ts">
import type { VideoCardData } from "./type"
import coverImg from "~/public/img/card-cover.png"

interface Props {
  data: VideoCardData
}
const { data } = defineProps<Props>()
</script>
<template>
  <div class="card-video">
    <div class="video-cover">
      <!-- <img :src="data.cover" /> -->
      <img :src="coverImg" />
    </div>
    <div class="video-info">
      <div class="title">
        <span>{{ data.title }}</span>
        <div class="operation"></div>
      </div>
      <div class="meta">
        <span class="up-master">
          {{ data.upMaster }}
        </span>
        <span class="up-date">
          {{ data.date }}
        </span>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped></style>
